

"""
GUI概念：图形用户界面（Graphical User Interface，简称 GUI，又称图形用户接口）

在之前我们导入了额外工具，ptqt5的QT Designer，我们使用QT Designer可以在一个可视化的环境下搭建页面窗体
    在我们打开了QT Designer额外工具之后，会弹出一个选择框其中显示着：
    Dialog without Button(可以当一个小的窗体来使用)
    Main Window（这是一个主窗体，默认的话是带有一个菜单栏）
    Widget（所有的组件都是基于Widget）

认识一下Qt Designer界面
    左边：布局（layout）、分割线（spaces）、按钮（Button）、
    数据的容器组件（Item Views）、元素容器（Containers）、输入组件（input Widget）、
    显示组件（Display Widget（也可以说是输出组件））
    右边：监视器（Object inspector）、属性编辑器（Property Editor）

简单设计一个登录窗体
    首先创建一个Dialog without Button （
    注意：我们在创建一个窗体、容器、组件之类的时候，可以对其重命名（Object Name）。这方便以后修改底层代码）
    之后从左侧分别拖入Label（标签组件）和Line Edit（单行输入组件）
    注意：我们可以在右侧属性编辑器中来设置文本的字体大小（Font）
    设计完登录窗体之后，对其进行保存，那么在pycharm中会同步的出现这个ui文件
    而ui文件不能直接被pycharme编译，需要将ui文件转换成py文件，需要使用pyuic5这个工具

    接下来如果我们想要运行这个py文件 ------> 具体如何实现 见login1_test.py 文件

使用Qt Designer设计登录界面所存在的问题（登录界面样式的更改）
1.登录窗体的title、以及windowicon（窗体显示的图标）
2.当我们拉大或者拉小窗体的时候，显示内容的位置没有改变
3.更改登录窗体的某些组件的颜色之类的（免得颜色太单调）

相应问题的解决
1.更改登录窗体的title ---> 在Qt Designer的属性编辑器中 更改 windowtitle【】
  更改窗体显示的图标windowicon ---> 在Qt Designer 的属性编辑器中 更改 windowicon【】 （使用下拉三角找到想要导入的图片）
  注意：这里更改图标之后并不会在qt designer中显示出来，我们需要将其保存，然后重新使用pyuic5工具转换成py文件，然后运行
2.更改登录窗体的显示内容的位置 ---> 在窗体的空白处右键单击，选择’大小限定‘（Size Constrains） ---> 设置最小大小/设置最大大小
  这样我们的登录窗体就始终是固定大小
  注意：依旧是先保存，然后再用pyuic5重新生成py文件，再运行test就可以生成修改好的窗体
3.更改登录窗体的某些组件的颜色 --->
  首先选中需要更改的组件，右键单击，选中’改变样式表‘，添加颜色（下三角箭头），选择颜色后确定。
  补充：color是字体颜色，background是组件的背景颜色，alternative-background-color是被选中时候的背景色
    同样的当设置完之后，先保存，然后使用pyuic5重新相应的生成py文件，然后运行test程序

补充说明：在控件当中添加背景图片
        思路：在资源浏览器中添加’资源文件‘ ---> 在从资源文件中 添加所需要的资源（图片之类的）
            资源文件的生成：先用txt编写<RCC><qresource></qresource></RCC> ---> 再将其改为QRC文件格式


"""